<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动情景1:图片与文字环绕</title>
		<style>
		p{
			border: 1px solid red;
			font-size: 16px;/*页面文字默认大小16px*/
			line-height: 20px;/*浮动p块元素，内容行内元素*/
			/* 结论:文本不能浮动 特点:块包行 */
		}
		img{
			float: left;
			border: 10px solid red;
		}
	</style>
	</head>
	<body>
		<h1>浮动情景1:图片与文字环绕</h1>
		< img src="img/575acfc538cceda1e0a0db68065394d3.gif"width="80px"height="80px"/>
        <p>摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟摸头啦老弟</p >
	</body>
</html>